/*--
Author: W3layouts
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
--*/

ul,label{
	margin:0;
	padding:0;
}

.menu, .social-w3licon {
    margin-top: 1.2em;
}
/*-- menu-navigation --*/
.menu {
    position: absolute;
    z-index: 9999;
    right: 15px;
}
.menu .navicon {
    background: transparent;
    position: relative;
    height: 46px;
    width: 46px;
    display: block;
    z-index: 9999;
    -webkit-transition: linear 0.5s all;
    -moz-transition: linear 0.5s all;
	-ms-transition: linear 0.5s all;
	-o-transition: linear 0.5s all;
    transition: linear 0.5s all;
	outline: none;
}
.menu .navicon:before, .menu .navicon:after {
	background: #fff;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	content: "";
	height: 3px;
	left: 0;
	-webkit-transition: 0.8s ease;
	-moz-transition: 0.8s ease;
	-o-transition: 0.8s ease;
	-ms-transition: 0.8s ease;
	transition: 0.8s ease;
	width: 45px;
} 
.menu .navicon:before {
	-moz-box-shadow: #fff 0 14px 0 0;
	-o-box-shadow: #fff 0 14px 0 0;
	-ms-box-shadow: #fff 0 14px 0 0;
	-webkit-box-shadow: #fff 0 14px 0 0;
	box-shadow: #fff 0 14px 0 0;
	position: absolute;
	top: 0;
} 
.menu .navicon:after {
	position: absolute;
	top: 28px;
} 
.menu .navicon--active { 
	-webkit-transition: linear 0.5s all;
	-moz-transition: linear 0.5s all; 
	-moz-transition: linear 0.5s all; 
	-o-transition: linear 0.5s all;
	transition: linear 0.5s all;
} 
.menu .navicon--active:before {
	-moz-box-shadow: transparent 0 0 0 0;
	-ms-box-shadow: transparent 0 0 0 0;
	-o-box-shadow: transparent 0 0 0 0;
	-webkit-box-shadow: transparent 0 0 0 0;
	box-shadow: transparent 0 0 0 0;
	top: 15px;
	-webkit-transform: rotate(225deg);
	-ms-transform: rotate(225deg);
	-moz-transform: rotate(225deg);
	-o-transform: rotate(225deg);
	transform: rotate(225deg);
}
.menu .navicon--active:after {
	top: 15px;
	-webkit-transform: rotate(315deg);
	-ms-transform: rotate(315deg);
	-moz-transform: rotate(315deg);
	-o-transform: rotate(315deg);
	transform: rotate(315deg);
} 
.menu .toggle {
    display: block;
    position: absolute;
	right: 0;
    width: 250px;
    background-color: #FFF;
    padding: 2em 3em;
    opacity: 0;
    -webkit-transition: ease 0.5s all;
    -moz-transition: ease 0.5s all;
    transition: ease 0.5s all;
    -webkit-transform:translate(0);  
    -moz-transform:translate(0);  
    -o-transform: translate(0);  
    -ms-transform:translate(0);    
    transform: scale(0);  
    z-index: 99999;
    -webkit-box-shadow: 0px 0px 7px #696868;
    -moz-box-shadow: 0px 0px 7px #696868;
    box-shadow: 0px 0px 7px #696868;
}
.menu .toggle--active { 
	opacity: 1;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all; 
	transition: 0.5s all;
	-webkit-transform:scale(1);
	-ms-transform:scale(1);
	-o-transform:scale(1);
	-moz-transform:scale(1);
	transform:scale(1);  
} 
.menu .toggle-menu li {
    display: block;
    margin: 10px auto;
    text-align: center;
}
.menu .toggle-menu li a {
    text-decoration: none;
    color: #333;
    display: inline-block;
    text-align: center;
    font-size: 1.2em;
    text-transform: uppercase; 
    -webkit-transition:0.5s all;
    -moz-transition:0.5s all;
    transition:0.5s all;
    font-weight: 400;
    padding: 5px 0;
    margin: 0 auto;
}  
.menu .toggle-menu li a:hover,.menu .toggle-menu li a.active{
	color:#00BCD4;
	border-bottom-color:#20B2AA;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all; 
	transition: 0.5s all;
	-webkit-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
	font-weight: 700;
}
/*-- //menu-navigation --*/
@media(max-width:1080px){
.menu, .social-w3licon {
    margin-top: 0.8em;
}

} 
@media(max-width:991px){
.menu .toggle { 
    width: 220px; 
    padding: 1em 2em; 
}
.banner-w3lstext h3 {
    font-size: 4.5em;
}
.banner-w3lstext p { 
    width: 100%;
}
.banner-w3lstext h6 {
    font-size: 1.2em; 
}
.item {
    padding: 8em 0 11em;
}
.wthree_banner_grid { 
    padding: 2em 1em;
}
.wthree_banner_grid h4 { 
    font-size: 1em; 
    padding-top: 0.5em; 
    letter-spacing: 1px;
}
.wthree_banner_grids { 
    margin-top: -4em; 
}
.about {
    margin-top: 4em;
}
.services-w3grid span {
    font-size: 1.3em;  
    width: 60px;
    height: 60px;
	padding: 1.1em 0;
}
.services-w3grid h5 {
    font-size: 1.3em; 
}
.services-w3grid {
    margin-top: 2em;
}
.wthree_testimonial_grid_right p {
    margin: 1em 0 0; 
}
a.wthree-more.w3more1 {
    margin-top: 1em;
}
.w3agile_hire_right {
    text-align: left;
}
.w3layouts_footer_grid h2:after {
    left: 17%;
    width: 10%;
}
.w3layouts_footer_grid form { 
    margin-top: 2em;
}
.w3l_footer_nav {
    margin: 2em 0 1em;
}
.w3l_footer_nav li { 
    margin-right: 3em; 
}
.menu .toggle-menu li a { 
    font-size: 1.1em; 
}
.menu .toggle-menu li { 
    margin: 8px auto; 
}
.testi { 
    margin-top: 1em;
}
.testi-slider {
    padding: 2em 3em;
} 
.w3ls_about_guage canvas {
    width: 100%;
}
.agileinfo_features_grid {
    margin-top: 4em;
}
.filtr-item {
    padding: 0.5em;
}
.agileits_portfolio_grid .w3_textbox { 
    padding: 0 1em;
}
.w3_textbox h4 {
    margin: 1.5em 0 .5em;
}
.address-row {
    margin: 2em 0;
}
}
@media(max-width:800px){
.item .block {
    width: 81%;
	padding: 2em 2em;
} 
.banner-w3lstext h3 {
    font-size: 3.5em;
}
.banner-w3lstext p { 
    margin: 1.5em auto; 
}
.wthree-slid-right {
    padding: 4em 2em;
}
.wthree-slid-right h4 {
    font-size: 2em; 
    letter-spacing: 1px;
}
.wthree-slid-right h5 {
    font-size: 1em; 
    letter-spacing: 1px;
}
.wthree-slid-right h3 {
    font-size: 1.1em;
}
.stats-info.agileits-w3layouts {
    margin-top: 1.5em;
}
.numscroller {
    font-size: 2em; 
}
.stats-info h6 { 
    letter-spacing: 1px;
    font-size: 0.9em; 
}
.wthree-slid-left {
    min-height: 375px;
}
.agileits_testimonials_right_grid:before { 
    left: -2%; 
}
.w3_testimonials_right_grid:before { 
    right: -2% !important;
}
.wthree_testimonial_grid_right h3 {
    font-size: 1.5em;
}
.about, .testimonials, .footer, .features, .awardsw3-agileits, .codes, .contact, .portfolio {
    padding: 3em 0;
}
.banner-w3lstext.agileits-w3layouts {
    padding: 2em 0;
}
ul.simplefilter { 
    margin: 1.5em 0;
}
.simplefilter li { 
    font-size: .9em;
}
}
@media(max-width:768px){
.address-row h5 {
    font-size: 1.4em; 
}
.wthree_banner_grid i {
    font-size: 1.5em; 
}
.agileits_testimonials_right_grid:before {
    left: -3%;
}
.w3_testimonials_right_grid:before {
    right: -3% !important;
}
.w3l_testimonial_grid_left_grid {
    margin-top: 1em;
}
.w3ls_about_guage h4 {
    font-size: 1.1em; 
    letter-spacing: 1px; 
}
.w3ls_about_guage { 
    padding: 0 .5em;
}
.agileinfo_features_grid1_pos { 
    top: -17%; 
} 
}
@media(max-width:767px){
.w3_textbox h4 {
    margin: 2.5em 0 .5em;
}
.contact-right {
    margin-top: 1em;
}
.contact-left input[type="email"] {
    margin: 1em 0;
} 
}
@media(max-width:667px){
.logo h1 {
    font-size: 3em;
}
.social_agileinfo li a {
    width: 32px;
    height: 32px; 
    font-size: .8em;
}
.menu .navicon { 
    height: 33px;
    width: 38px; 
}
.menu .navicon:before, .menu .navicon:after { 
    width: 37px;
}
.menu .toggle {
    width: 185px; 
}
.menu .toggle-menu li a {
    font-size: 1em;
}
.banner-w3lstext h3 {
    font-size: 3em;
}
.item .block {
    width: 89%; 
}
.wthree_banner_grid h4 { 
    letter-spacing: 0px;
}
.services-w3grid { 
    padding: 0 0.5em;
}
.services-w3grid h5 {
    font-size: 1.2em;
    margin: 0.8em 0 .2em;
}
.wthree_testimonial_grid_right h3 {
    font-size: 1.2em;
}
a.wthree-more { 
    font-size: 0.9em; 
}
.w3layouts_footer_grid h2:after {
    left: 23%; 
}
.item {
    padding: 7em 0;
}
}
@media(max-width:640px){
.w3l_footer_nav li {
    margin-right: 2em;
}
h3.agileits-title {
    font-size: 3em;
}
.time-top h4 {
    font-size: 1.6em; 
    letter-spacing: 1px;
}
.time-bottom {
    padding: 2em 2em; 
}
.testi-slider {
    padding: 2em;
}
.agileinfo_features_grid1 {
    padding: 1.5em; 
} 
.agileinfo_features_grid1 h4 {
    font-size: 1em; 
    letter-spacing: 1px; 
}
.agileinfo_features_grid {
    margin-top: 3em;
    padding: 0 .5em;
}
.agileinfo_features_grid1_pos { 
    width: 40px;
    height: 40px; 
}
.agileinfo_features_grid1_pos span { 
    font-size: 1em; 
}
.w3_textbox h4 {
    margin: 2em 0 .5em;
}
.address-row span.glyphicon {
    font-size: 1.1em; 
}
.banner-w3lstext h6 {
    font-size: 1.1em;
    letter-spacing: 2px;
}
.item .block { 
    padding: 2em 1em;
}
}
@media(max-width:600px){
.banner-w3lstext h3 {
    font-size: 2.6em;
}
.wthree_banner_grids {
    margin-top: -3.5em;
}
.wthree_banner_grid {
    padding: 1.8em .5em;
}
.about {
    margin-top: 3em;
} 
.wthree_banner_grid h4 {
    font-size: .9em;  
}
.w3layouts_footer_grid form { 
    width: 90%;
}
}
@media(max-width:480px){
.logo h1 {
    font-size: 2.8em;
}
.menu, .social-w3licon {
    margin-top: 0.6em;
}
.wthree_banner_grid {
    padding: 1.5em 0.5em;
}
.banner-w3lstext h3 {
    font-size: 2.3em;
}
.item {
    padding: 5em 0 6em;
}
.wthree-slid-left {
    min-height: 250px;
    width: 100%;
    float: none;
}
.wthree-slid-right {
    padding: 3em 2em;
    float: none;
    width: 100%;
}
.stats-info.agileits-w3layouts {
    margin-top: 1em;
}
.numscroller { 
    margin: 0.5em 0 0; 
}
h3.agileits-title {
    font-size: 2.6em;
}
.agileinfo_testimonials_left { 
    padding: 0 2em;
}
.agileits_testimonials_right_grid {
    padding: 1em; 
    margin-top: 0; 
}
.agileinfo_testimonials_right {
    padding: 0;
} 
.wthree_testimonial_grid_right {
    text-align: center;
    padding: 0;
    margin-top: 2em;
}
.w3agile_hire_left h4 {
    font-size: 1.4em;
}
.w3layouts_footer_grid h2:after {
    left: 31%;
}
.simplefilter li { 
    padding: 0.8em 1.5em; 
}
ul.simplefilter {
    margin: 1em 0;
}
.w3_textbox h4 {
    margin: 1.2em 0 .5em;
}
.banner-w3lstext p {
    margin: 1.5em 0 0.8em;
}
.agileinfo_features_grid1_pos {
    top: -12%;
}
.map iframe {
    height: 200px;
}
}
@media(max-width:414px){
.social-w3licon { 
    width: 57%;
}
p {
    font-size: 0.9em; 
}
.wthree_banner_grid {
    padding: 1em 0.5em;
}
.wthree_banner_grid {
    padding: 1em;
    width: 50%;
}
.about {
    margin-top: 6em;
}
.services-w3grid { 
    width: 50%;
}
.wthree-slid-right h4 {
    font-size: 1.8em; 
}
.agileinfo_testimonials_left {
    padding: 0 1.5em;
}
.agileinfo_testimonials_left h4 {
    font-size: 1em; 
}
.agileinfo_testimonials_left p { 
    font-size: .8em;
}
.agileits_testimonials_right_grid:before {
    left: -4%;
}
.w3_testimonials_right_grid:before {
    right: -4% !important;
}
.w3layouts_footer_grid form {
    width: 100%;
	margin-top: 1.5em;
}
.w3l_footer_nav li {
    margin-right: 1em;
    font-size: .9em;
}
.time-top h4 {
    font-size: 1.2em; 
}
.about-bottom-row {
    margin-top: 1.5em;
}
.offic-time { 
    padding: 0;
}
.time-bottom {
    padding: 1.5em;
}
.testi { 
    padding: 0;
} 
.testi h4 { 
    font-size: 1.1em; 
}
.agileinfo_features_grid {
    margin-top: 2em; 
    width: 100%;
    float: none;
}
.w3agile_hire_left h4 {
    font-size: 1.2em;
}
.w3layouts_footer_grid ,.w3layouts_footer_grid{
    padding: 0;
}
.w3layouts_footer_grid input[type="email"] { 
    padding: 0.8em 1.5em;
    font-size: 13px; 
}
.w3l_footer_nav {
    margin: 1.5em 0 0.5em;
}
.w3layouts_footer_grid p {
    letter-spacing: 1px;
} 
.w3ls_about_guage { 
    width: 50%;
}
.w3ls_about_guage:nth-child(2) {
    margin-bottom: 2em;
}
.simplefilter li {
    padding: 0.8em 1.2em;
    margin: 0 0.1em;
}
.filtr-item { 
    width: 100%;
    float: none;
}
.w3_textbox h4 {
    margin: 3.2em 0 .5em;
}
.banner-w3lstext .breadcrumb li {
    font-size: 1.3em;
}
.banner-w3lstext.agileits-w3layouts {
    padding: 1.5em 0;
}
.contact-left input[type="text"], .contact-left input[type="email"],.contact-right textarea { 
    font-size: 0.9em; 
}
.contact-right input[type="submit"] { 
    font-size: 1em; 
    letter-spacing: 2px; 
}
}
@media(max-width:384px){
.logo h1 {
    font-size: 2.5em;
}
.social_agileinfo li a {
    width: 25px;
    height: 25px;
    font-size: .7em;
}
.social_agileinfo li a i { 
    line-height: 2.5em;
}
.menu .toggle-menu li a {
    font-size: 0.9em;
}
.menu .toggle {
    width: 160px;
    padding: 0.5em 2em;
}
.menu .toggle-menu li a { 
    padding: 4px 0; 
} 
.about, .testimonials, .footer, .features, .awardsw3-agileits, .codes, .contact, .portfolio {
    padding: 2em 0;
}
h3.agileits-title {
    font-size: 2.3em;
}
.banner-w3lstext h3 {
    font-size: 2em;
}
.services-w3grid {
    width: 100%;
	margin-top: 1.5em;
    float: none;
}
.services-w3grid p {
    margin: 0 3em;
} 
.services-w3grid span {
    font-size: 1.1em;
    width: 50px;
    height: 50px;
    padding: 1em 0;
}
.wthree-slid-left {
    min-height: 200px; 
} 
.simplefilter li {
    font-size: .8em;
}
.address-row span.glyphicon {
    font-size: 1em;
} 
.address-row h5 {
    font-size: 1.3em;
    margin-bottom: 0.2em;
}
.address-row {
    margin: 1.2em 0;
}
.contact-left,.contact-right  {
    padding: 0;
} 
.contact-right input[type="submit"] { 
    margin: 0.5em 0 0; 
}
.w3agile_hire_left h4 {
    font-size: 1.1em;
}
a.wthree-more {
    font-size: 0.85em;
    padding: 0 2em;
    letter-spacing: 1px;
}
} 
@media(max-width:320px){
.logo h1 {
    font-size: 2.2em;
    letter-spacing: 0px;
}
.social_agileinfo li { 
    margin: 0;
}
.social-w3licon {
    width: 61%;
}
.banner-w3lstext h3 {
    font-size: 1.8em;
}
.banner-w3lstext p {
    margin: 1em 0 0.8em;
}
.banner-w3lstext h6 {
    font-size: 0.9em;
    letter-spacing: 1px;
}
.item {
    padding: 3em 0 5em;
}
.about {
    margin-top: 7em;
}
.services-w3grid p {
    margin: 0 1em;
}
.wthree-slid-right {
    padding: 2.5em 1.5em; 
}
.wthree-slid-left {
    min-height: 170px;
}
.wthree-slid-right h5 {
    font-size: 0.9em; 
}
.wthree-slid-right h3 {
    font-size: 1em;
}
.stats-info h6 { 
    font-size: 0.8em;
}
.agileinfo_testimonials_left {
    padding: 0 0.5em;
    float: none;
}
.agileinfo_testimonials_right {
    padding: 0;
    width: 100%;
}
.agileits_testimonials_right_grid { 
    margin: 1em 0;
}
.w3l_testimonial_grid_left_grid {
    margin-top: 0;
}
.wthree_testimonial_grid_right h3 {
    font-size: 1.1em;
}
.wthree_testimonial_grid_right p {
    margin: 0.5em 0 0;
}
.w3agile_hire_left {
    padding: 0;
}
.w3agile_hire_right { 
    padding: 0;
}
.w3layouts_footer_grid h2:after {
    left: 44%;
}
.w3layouts_footer_grid input[type="email"] { 
    width: 82%; 
}
.w3l_footer_nav li {
    margin-right: 0.5em; 
}
.about-bottom-row {
    margin-top: 1em;
}
.testi-slider h3 {
    font-size: 1.6em; 
}
.testi-slider {
    padding: 1.5em;
}
.agileinfo_features_grid { 
    padding: 0;
}
.simplefilter li {
    padding: 0.8em 0.8em;
    margin: 0;
}
.w3_textbox h4 {
    margin: 2.2em 0 .5em;
}
.w3layouts_footer_grid h2 {
    font-size: 1.8em; 
    margin-bottom: 0.8em;
}
.address-row { 
    padding: 0;
}
.contact-right textarea { 
    min-height: 7em; 
}
}
/*-- //responsive-design --*/